﻿/*
Theme Name: loper
Theme URI: http://www.conpad.com/
Author: Coney
Author URI: http://www.conpad.com/
Description:优雅的个人日志主题。两栏，简洁，固定宽度，高度集成插件和各种动画效果。
Version: 1.1
*/


/*CSS Reset*/
html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{vertical-align:baseline;margin:0;padding:0}article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {display:block}body{position:relative}textarea{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;width:100%;margin:0;padding:.29em 0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:none}a{text-decoration:underline;border:0;-webkit-transition:color .3s linear;-o-transition:color .3s linear}a,a:hover,a:focus{text-decoration:none}a img{border:0}abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}address,cite,em,i{font-style:italic}blockquote p{margin:0 1.5em 1.5em;padding:.75em}code,kbd,tt{font-family:"Courier New", Courier, monospace, serif;line-height:1.5}del{text-decoration:line-through}dfn{border-bottom:1px dashed;font-style:italic}dl{margin:0 0 1.5em}dd{margin-left:1.5em}h1,h2,h3,h4,h5,h6{font-weight:700;padding:0}h1{font-size:2em;margin:0 0 .75em}h2{font-size:1.5em;margin:0 0 1em}h3{font-size:1.1666em;margin:0 0 1.286em}h4{font-size:1em;margin:0 0 1.5em}h5{font-size:.8333em;margin:0 0 1.8em}h6{font-size:.666em;margin:0 0 2.25em}img{display:inline-block;vertical-align:text-bottom;border:0}ins{text-decoration:overline}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}ol{list-style:outside decimal}p{font-weight:300;margin:0 0 1.5em}pre{font-family:"Courier New", Courier, monospace, serif;margin:0 0 1.5em}sub{top:.4em;font-size:.85em;line-height:1;position:relative;vertical-align:baseline}sup{font-size:.85em;line-height:1;position:relative;bottom:.5em;vertical-align:baseline}ul{list-style:outside disc}ul,ol{margin:0 0 1.5em 1.5em;padding:0}li ul,li ol{margin:0 0 1.5em 1.5em;padding:0}table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}caption{font-style:italic;text-align:left}tr.alt td{background:#eee}td{border:1px solid #333;vertical-align:middle;padding:.333em}th{font-weight:700;vertical-align:middle;padding:.333em}button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:1.75em 0 0;padding:0 .5em}button::-moz-focus-inner{border:0}fieldset{border:0;position:relative;margin:0 0 1.5em;padding:1.5em 0 0}fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}iput{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;font-size:1em;height:1.5em;line-height:1.5em;width:100%;margin:0 0 .75em;padding:.29em 0}input[type=file]{height:2.25em;padding:0}select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;_margin:0 0 1.3em;margin:0 0 .8em;padding:.2em 0 0}optgroup{font-weight:700;font-style:normal;text-indent:.2em}optgroup + optgroup{margin-top:1em}option{font-size:1em;height:1.5em;text-indent:1em;padding:0}label{cursor:pointer;display:block;height:auto;line-height:1.4em;width:100%;margin:0;padding:0}label input{background:0;border:1px solid #444;height:1.5em;line-height:1.5em;width:auto;margin:0 .5em 0 0;padding:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;}legend{font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0}dt,strong,b{font-weight:700}


/*loper theme——start----Basic------*/
html{ background-image:url(images/bg.jpg);background-color:#F0F0F0; background-repeat:repeat-x;}

body{color: #222;font-size:13px;font-family: 'Century Gothic',"Microsoft YaHei", Trebuchet MS, Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;background-color:#F0F0F0; background-repeat:repeat-x;}

#main { background-image:url(images/bg.jpg) ;background-color:#F0F0F0; background-repeat:repeat-x;-webkit-text-size-adjust:none;width: 100%;}

.container {width: 1000px; margin: 0 auto;}

#if-logged-in {height: 20px;line-height: 20px;background:#eee;color:#333;font-size: 12px; border-bottom:dashed 1px #DBDBDB; overflow:hidden;}
#if-logged-in p {margin:0 20px;}
#if-logged-in a:link,
#if-logged-in a:visited {color: #333;text-decoration: none;margin: 0px 15px;}
#if-logged-in a:hover {text-decoration: underline;}
#if-logged-in a:active {text-decoration: underline;margin-bottom: -1px;}
#if-logged-in .noticebar{ float:left;margin-left:35px;_margin-left:11px;background:url(images/notice.png) no-repeat; padding-left:23px; font-size:14px; font-family: "KaiTi", sans-serif;}

#if-logged-in .snsright{ float:right;margin-right:38px;_margin-right:13px;}
#if-logged-in .noticeul{ margin:0px; padding:0px; float:left}

#if-logged-in .noticeul li{ margin:0px; padding:0px; list-style:none}
#if-logged-in .snsright{}
#if-logged-in .snsright a{margin:2px 8px 0px 8px;width:16px;height:16px;opacity:0.7; filter:alpha(opacity=70); float:right;text-indent:-9999em;display:inline; line-height:1px;}
#if-logged-in .snsright a:hover{opacity:1; filter:alpha(opacity=100);}
.twittersns{ background:url(images/topsns.png) 0px 0px no-repeat;}
.sinasns{ background:url(images/topsns.png) 0px -16px no-repeat;}
.qqsns{ background:url(images/topsns.png) 0px -32px no-repeat;}
.feedsns{ background:url(images/topsns.png) 0px -51px no-repeat;_background:url(images/topsns.png) 0px -49px no-repeat;}
#if-logged-in .snsright .feedsns{_height:19px;}


/*-----------Header-----------*/
header {width: 1000px; height:150px;margin: 0 auto;background:transparent url(images/headerbg.jpg) no-repeat;position:relative;_left:-10px}
.hgroup{ height:100px; margin:0 40px !important;margin:0 20px ; width:500px;float:left;}
.hgroup h1,.hgroup h2{padding:38px 0 0 30px;font-family:"Microsoft YaHei",sans-serif;font-weight:bold;font-size:25px; width:300px; }
.hgroup h1 a,.hgroup h2 a{ color:#504f4f; text-decoration:none;
text-shadow:1px 1px 3px #C1C1C1;}
.logo{ float:left;display:block;width:304px; height:88px; background:url(images/logo.png) no-repeat;}
.searchbar{ width:132px; height:32px; float: right;  position:relative;top:55px ; right :18px; }
.searchfade{width:132px; height:32px;background:url(images/sideimg.gif) no-repeat 0 -63px;display:none;}
.searchbarswitch{ width:22px; height:21px; float:right; position:relative; top:112px; right:30px;cursor:pointer;}
.searchbar input{background:transparent; margin:4px 0 0 9px !important;margin:3px 0 0 9px; border:none; color:#CCC;font-size:12px;font-family: Trebuchet MS, 'Lucida Grande',"Microsoft YaHei", Arial,sans-serif; }
.search_submit{display:none;}
.search_text,.search_textfocus{ width:115px;}
.feedtips{ background: url(images/feedtip2.jpg) no-repeat; width:85px; height:49px; position:absolute; left:50%; top:111px; margin-left:-565px;}

	/*--nav--*/
	nav.primary {padding:0 20px; width:850px; height:50px;overflow:hidden;}
	nav .feedrss {background: url(images/sideimg.gif) no-repeat 3px 4px; margin:12px 0 0 11px;display:inline; width:20px; height:20px; float:left; text-indent:-9999em;opacity:0; filter:alpha(opacity=0);}
	nav .feedrss:hover{display:inline;width:20px; height:20px; text-indent:-9999em;}
	ul.menu { position:relative;list-style:none;padding:0 0 0 20px;margin:0px 0px;width:700px;left:5px;top:8px;overflow: hidden;}
	ul.menu li{margin:0px 0px;padding:0;float:left;color:#333;}
	ul.menu li a { line-height:17px;display:block;padding:6px 15px 6px 18px ; position:relative;z-index: 5;color:#94c33a;text-decoration:none;}
	ul.menu li a:hover {color:#FFF;}
	ul.menu li.backLava { background:  url(images/highlight-right.png) no-repeat top right;position: absolute;height: 29px;}
	ul.menu li.backLava div.leftLava {background:  url(images/highlight-bg.png)  no-repeat top left;height: 29px;margin-right:4px;}
	ul.menu li.backLava div.cornerLava {background: url(images/highlight-con.gif) no-repeat bottom right;height:3px;width:4px;position:absolute;bottom:0px;right:0px;}
	ul.menu li.backLava .bottomLava {background: url(images/highlight-bottom.png)  no-repeat bottom left;height:3px;width:100%;position:absolute; bottom:0px;left:0px;}
	ul.menu li.current-menu-item a { line-height:17px;display:block;padding:6px 15px 6px 18px ; position:relative;z-index: 5;color:#fff;text-decoration:none;}

/*-----------Content-----------*/
#content { padding:0 30px; margin-top:10px; }
.layout{ float:left; padding-right:50px;_margin-left:-5px;_padding-right:-20px;width:620px;}


	/*--slideshow--*/
	.slideshowbg{ _display:none; width:640px; height:180px; background:url(images/slideshow.png) no-repeat; overflow: hidden; position:relative;}
	.loperslideshow{ width:620px; height:170px;}
	.slidefade{ width:620px; height:170px;}
	.slideimg{ width:190px; height:80px; float:left; margin:48px 0 0 13px !important;margin:47px 0 0 6px;}
	.slidecontent{ width:310px; height:140px; float:left; position:relative;left:60px; top:20px;font-family: "Microsoft YaHei","Trebuchet MS",Tahoma,Arial,sans-serif;}
	.slidecontent a{ color:#333; text-shadow:1px 1px 1px #b5b5b5;}
	.slidecontent a:hover{ color:#83b724; text-shadow:1px 1px 1px #fff ; }
	.slidecontent h3{ margin:0 0 6px 0; font-size:17px; font-weight:500; text-align:center;}
	.slidetext{height:auto !important;height:86px;max-height:86px;-webkit-max-height:86px; overflow:hidden;line-height:22px;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;word-break:break-all}
	.slidelink{ float:right; position:relative; left:10px; top:7px; height:27px; width:74px; background: url(images/slideicons.png) no-repeat bottom; text-indent:-9999em;*background: url(images/slidemore.png) no-repeat;background: url(images/slidemore.png) no-repeat\0}
	.slideprev,.slidenext{ width:14px;height:22px; position:absolute; text-indent:-9999em;top:75px; z-index:99;}
	.slideprev{ left:230px; background: url(images/slideicons.png) no-repeat 0px -44px;  }
	.slideprev:hover{ background: url(images/slideicons.png) no-repeat 0px -66px; }
	.slidenext{ left:587px ; background:url(images/slideicons.png) no-repeat  0px 0px;}
	.slidenext:hover{ background: url(images/slideicons.png) no-repeat 0px -22px; }
	.slidebottom{}


	/*--Article--*/
	.index { margin-top:-10px; }
	.pages { margin-top:-20px; }
	.post-content { line-height:26px; padding:0 5px; margin-top:-5px }
	.post-content p{ margin:10px 0 }
	.index h1.category,.index h1.archive,.index h1.tags,.index h1.searchicon,.index h1.links{background:url(images/pageh1.png) no-repeat;padding:6px 0px 15px 52px; margin:20px 0 15px 0;font-size:18px;font-weight:bold;text-shadow:1px 1px 2px #b5b5b5;}
	.index h1.category{background-position: 0 0;}
	.index h1.archive{ background-position: 0 -82px;}
	.index h1.tags{ background-position: 0 -328px;}		
	.index h1.searchicon{ background-position: 0 -246px;}	
	.index h1.links{background-position: 0 -164px;}
	.index .catedescription { margin:-25px 0 0 52px; position:absolute;}
	.index .catedescription p { margin:0; padding:0}
	
				/*--Archives--*/
				.post-content .archivelist h3{cursor: pointer; width:110px}
				.post-content .archivelist h3:hover{ color:#83b724;text-shadow:1px 1px 2px #fff;}
				.archivelist .arc-collapse{ position:relative; z-index:1; cursor:pointer; float:right;text-shadow:1px 1px 2px #b5b5b5}
				.post-content .archivelist ul{ margin:0 75px;}
				.post-content .archivelist li{ font-size:14px;}
				.post-content .archivelist li a{color: #2b2b2b; text-decoration:none; border-bottom: none; padding:1px 2px;}
				/*--Links--*/
				
				.pageedit{ margin:10px 2px 0 0; float:right;text-shadow:0px 0px 0px #b5b5b5}
				.pageedit a{color: #5C9313; font-size:12px; font-weight:400;text-shadow:0px 0px 0px #b5b5b5}
				.pageedit a:hover{ color:#404040;}
				.post-content .link-content ul{clear:both;margin:0; list-style:none; overflow:auto;text-align:center;}
				.post-content .link-content ul li{ margin:10px 20px 10px 0;list-style: none; float:left; width:130px; line-height:23px; background:  transparent;height:26px;}
				.post-content .link-content ul li img{padding:3px 0px 3px 5px;}
				.post-content .link-content ul li a{color:#222;background:#FFF;text-decoration:none; padding:0px; float:left;
				width:130px;height:22px;text-indent:0px;border:1px solid #CCC;-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; overflow: hidden;}
				.post-content .link-content ul li a:hover,.post-content .tag-content a:hover{color:#67A611;border:1px solid #999; background:transparent; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-animation: 'ggShow' 1s alternate infinite; }
				@-webkit-keyframes 'ggShow' {
				   0% {-webkit-box-shadow:#ccc 0 0 0px;background-color:rgba(255,255,255,0);}
				  10% {-webkit-box-shadow:#ccc 0 0 3px;background-color:rgba(255,255,255,0.05);}
				  20% {-webkit-box-shadow:#ccc 0 0 6px;background-color:rgba(255,255,255,0.1); }
				  30% {-webkit-box-shadow:#ccc 0 0 9px;background-color:rgba(255,255,255,0.15);}
				  40% {-webkit-box-shadow:#ccc 0 0 12px;background-color:rgba(255,255,255,0.2);}
				  50% {-webkit-box-shadow:#ccc 0 0 15px;background-color:rgba(255,255,255,0.25);}
				  60% {-webkit-box-shadow:#ccc 0 0 12px;background-color:rgba(255,255,255,0.2);}
				  70% {-webkit-box-shadow:#ccc 0 0 9px;background-color:rgba(255,255,255,0.15);}
				  80% {-webkit-box-shadow:#ccc 0 0 6px;background-color:rgba(255,255,255,0.1);}
				  90% {-webkit-box-shadow:#ccc 0 0 3px;background-color:rgba(255,255,255,0.05);}
				  100% {-webkit-box-shadow:#ccc 0 0 0px;background-color:rgba(255,255,255,0);}
				  }
			/*--Tags--*/
					
				.post-content .tag-content a{color:#222;background:#FFF;text-decoration:none; padding:0px 8px; margin:15px 10px; line-height: 22px; height:22px; border:1px solid #CCC; display: inline-block;
				-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;
							background-image: -webkit-gradient(
								linear,
								left bottom,
								left top,
								color-stop(0, rgb(235,235,235)),
								color-stop(0.67, rgb(245,245,245))
							);
							background-image: -moz-linear-gradient(
								center bottom,
								rgb(245,245,245) 0%,
								rgb(245,255,245) 67%
							);

								}
								
		.indexsearch td{border: 0px solid;}
		/*--Title--*/
		.title{ background:url(images/index-img.png) no-repeat;background-position: 0 -70px; height:60px; margin:30px 0 0px 0px;}
		.title h2{ float:left; margin:1px 0 0 40px !important;margin:1px 0 0 20px; font-size:18px; font-weight:700; width:auto !important; width:550px;max-width:550px;-webkit-max-width:550px;text-overflow:ellipsis; -o-text-overflow:ellipsis;color:#404040; }
		.title h2 a{ color:#404040;text-shadow:1px 1px 2px #b5b5b5;}
		.title h2 a:hover{ color:#83b724;text-shadow:1px 1px 2px #fff;}
		
		.cate,.time{ font-size:12px; color:#5f5f5f;}
		.cate a{ color:#5f5f5f;}
		.cate a:hover,.time a:hover{ color:#404040;}
		
		.time a{color: #5C9313}
		.time{ margin:10px 2px 0 0 !important; margin:5px 2px 0 0}
		.cate{margin:9px 0 0 40px !important;margin:5px 0 0 40px}
		
		.tune{ background:url(images/index-img.png) no-repeat;background-position: 0 -142px; height:60px; margin:30px 0 0px 0px;}
		.tune h2{ float:left; margin:1px 0 0 40px !important;margin:1px 0 0 20px; font-size:18px; font-weight:700; width:auto !important; width:550px;max-width:550px;-webkit-max-width:550px;text-overflow:ellipsis; -o-text-overflow:ellipsis;color:#404040; }
		.tune h2 a{ color:#404040;text-shadow:1px 1px 2px #b5b5b5;}
		.tune h2 a:hover{ color:#83b724;text-shadow:1px 1px 2px #fff;}
		.catemusic{margin:7px 0 0 37px !important;margin:3px 0 0 37px}
		.postmusic{ display:block; height:20px;+height:25px;_height:25px;}
		/*--Thumbnail--*/
		.thumbnailbg{ background:url(images/thumbnail.png) no-repeat; width:140px; height:115px; float:left; margin: 8px 10px 0 0;}
		.thumb{ margin:4px 0 0 8px;}

			
		/*--Tags&Continue--*/
		.post-meta{ float:right;height:20px;width:auto; margin:-5px 0 20px 0}
		.post-tags{float:right; position:relative; z-index:2; left:15px; padding:0px 1px 2px 1px; line-height:22px;}
		
		.post-content .post-tags,.post-content .post-tags a{ color:#989898; font-size:12px;height:20px;
		border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px; border:none;
		}
		.post-content .post-tags a:hover{ background:#b0dd4f;color:#404040;}
		.post-content .post-more{float:right; border:none; background:url(images/index-img.png) no-repeat;background-position: 0 0; width: 136px; height: 20px;}
		.post-content .post-more:hover{ background-color:transparent;background:url(images/index-img.png) no-repeat;background-position: 0 0;}
		
		/*--pagenavi--*/
		#oldernewer { width:500px; text-align:center;font-family: Arial, Helvetica, sans-serif ; font-size:12px;height:35px;overflow:auto; margin:50px 0 10px 60px;}
		#oldernewer table{ margin:0 auto; width:300px;border-collapse:collapse;border-spacing:0; text-align:center; }
		#oldernewer td{border: none;vertical-align:top;padding:0px;margin:0px;}
		#oldernewer span.pageprevious{ display:block; width: 56px; height: 28px;background:url(images/pagenavi.jpg) no-repeat;background-position: 0 -156px; float:right}
		#oldernewer span.pageprevious a{display:block;width: 56px; height: 28px; text-indent:-9999em;background:url(images/pagenavi.jpg) no-repeat;background-position:0 -234px;}
		#oldernewer span.pagenext{display:block; width: 56px; height: 28px;background:url(images/pagenavi.jpg) no-repeat;background-position: 0 -78px; float: left}
		#oldernewer span.pagenext a{display:block;width: 56px; height: 28px; text-indent:-9999em;background:url(images/pagenavi.jpg) no-repeat;background-position: 0 0;}
		#oldernewer td.pagenumber{ background: url(images/pagenav-x.jpg) repeat-x;}
		#oldernewer td.pagenumber a{padding:1px 5px; margin:0px 3px 0 3px;color:#222;line-height:19px; }
		#oldernewer td.pagenumber a:hover{  color:#404040;background:#b0dd4f;
		 border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;
		 -moz-box-shadow:0px 0px 5px #CDEF85; -webkit-box-shadow:0px 0px 5px #CDEF85; box-shadow:0px 0px 5px #CDEF85;}
		#oldernewer td.pagenumber .current{font-weight:600; }
		



	
/*-----------Single -----------*/	
		.single { margin-top:-10px; }

		/*--breadcrumbs--*/
		.breadcrumbsclear{float: left; margin:17px 0 20px 3px;}
		.breadcrumbs {float:left;  padding:1px 0 0 25px; margin:0px; background:url(images/singleimg.jpg) no-repeat;background-position: 0 -264px; color:#666666;font-family:Georgia,"Microsoft YaHei",Tahoma,Arial,sans-serif; font-size:12px;}
		.breadcrumbs a{ color:#666666;}
		.breadcrumbs a:hover{ color:#404040;}
		.breadcrumbs li { list-style:none; float:left;}
		
		/*--Title--*/
		.singletitle{ margin:10px 0 0 0;}
		.singletitle h1{margin:0px 0 15px 0; font-size:18px; font-weight:700;color:#404040; text-align:center }
		.singletitle h1 a{color:#404040;text-shadow:1px 1px 2px #b5b5b5;}
		.singletitle h1 a:hover{ color:#83b724;text-shadow:1px 1px 2px #fff;}
		.singleinfo{font-size:12px; color:#888; text-align:center; margin-bottom:20px}
		.singleinfo a{color:#5F5F5F;}
		.singleinfo a:hover{color:#404040;}
		
		.singletime{ margin:0 5px; padding-left:22px; background:url(images/singleimg.jpg) no-repeat;background-position: 0 -132px;}
		.singlecom{ margin:0 5px;padding-left:22px; background:url(images/singleimg.jpg) no-repeat;background-position: 0 -66px;}
		.singleview{ margin:0 5px;padding-left:22px;  background:url(images/singleimg.jpg) no-repeat;background-position: 0 -198px;}
		.singleedit{ margin:0 5px;padding-left:22px; background:url(images/singleimg.jpg) no-repeat;background-position: 0 1px;}
		
		
		
		/*--Some Style--*/
		.singlead{ margin:0 10px 10px 0;}
		
		.post-content a{color: #67A611; text-decoration:none; border-bottom:1px  dotted #689917; padding:1px 2px;}
		.post-content a:hover{color:#222;border:none; background:#94C33A;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;}

		.post-content h1{font-size:18px;font-weight:bold;margin:.67em 0;}
		.post-content h2{ margin:1em 0 0 0;font-size:16px;font-weight:bold;}
		.post-content h3{font-size:14px;font-weight:bold;text-shadow:1px 1px 2px #b5b5b5; padding:10px 0; margin:0; clear:both;}
		.post-content h4{font-size:12px;margin:1.33em 0;}
		.post-content h6{font-size:11px; }
		.post-content hr{ background:url(images/line.png) no-repeat; height:30px; width:610px; clear:both; border:none;margin:0 0 10px 0;}
		.post-content b,.post-content strong{font-weight:bold;}
		
		.post-content th,.post-content td{display:table-cell;vertical-align:inherit;padding:1px;}
		.post-contenty th{font-weight:bold;padding:1px;}
		.post-content td{text-align:inherit;padding:1px;}
		.post-content ol{clear:both;margin:0 2em;}
		.post-content ol li{background:none;list-style:decimal inside;margin:0; padding:0;}
		.post-content ul{clear:both;margin:0 2em; list-style:none}
		.post-content ul li{ background:url(images/li.png) no-repeat 0 9px;text-indent:1.2em;list-style: none; }
		.post-content blockquote,.post-content code{clear:both;display:block;overflow:auto;width:auto; font-size:12px;}
		.post-content blockquote{color:#2b2b2b; background:url(images/bqbg.gif) repeat;margin:10px 20px;padding:4px 10px;border:1px solid  #CCC;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);}
		.post-content code{margin:10px 0px;padding:10px 10px; outline:1px dashed #222;background: url(images/codebg.gif) repeat; color:#FAFAFA;
	font-family: "Lucida Console", Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;line-height:20px;}
		.post-content  pre{margin-bottom:-20px}
		.post-content img{max-width: 610px;height:auto;}
		.post-content a img {max-width: 610px;height:auto;}	
		
				/*--Center Left Right --*/
				.aligncenter,div.aligncenter {float: none;margin-left:auto;margin-right:auto; clear:both}
				.alignleft {float: left;margin:5px 10px 8px 0px;}
				.alignright {float: right;margin:5px 0 8px 10px;}
				.wp-caption { border: 1px solid #ddd;text-align: center; background-color: #fff;padding:0px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
				.wp-caption img {margin: 0; padding: 0;border: 0 none;}
				.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px;padding: 0 4px 5px; margin: 0;}
		
		
		/*--Postinfo--*/
		.postinfo{ border-top:1px solid #767777; width:620px; background:url(images/postinfobg.jpg) repeat-y; margin:30px 0 20px 0; padding:5px 0 0 0; font-size:12px;font-family: "Microsoft YaHei","Trebuchet MS",Tahoma,Arial,sans-serif; color:#666;}
		.postinfo a{color:#666;}
		.postinfo a:hover{color:#67A611;}
		.postinfoend{ background:url(images/postinfoend.jpg) no-repeat; width:620px; height:3px}
		
		.singletag{ padding:0 0 0 20px;background:url(images/singleimg.jpg) no-repeat;background-position: 0 -595px;}
		.singleshare{ padding:0 0 0 20px; background:url(images/singleimg.jpg) no-repeat; margin:0 5px;cursor:pointer;background-position: 0 -531px;}
		.singlerelate{ padding:0 0 0 20px;background:url(images/singleimg.jpg) no-repeat;margin:0 5px; cursor:pointer; background-position: 0 -464px;}
	
			/*--Share--*/
			.sharebar{ clear:both; text-align:center; display:none;}
			.sharebar a{line-height:16px;}
			.sharebar a{display:inline-block;height:16px;cursor:pointer; padding:0 5px 0 20px;margin:10px 10px 5px 10px;background: url(images/share.png) no-repeat}
			.sharebar a#fanfou-share{background-position:0 1px}
			.sharebar a#twitter-share{background-position:0 -16px}
			.sharebar a#kaixin001-share{background-position:0 -48px}
			.sharebar a#renren-share{background-position:0 -64px}
			.sharebar a#douban-share{background-position:0 -80px}
			.sharebar a#sina-share{background-position:0 -96px}
			.sharebar a#netease-share{background-position:0 -112px}
			.sharebar a#tencent-share{background-position:0 -128px}

			/*--Relate--*/
			.relatebar{clear:both; margin:10px 0; display:none;}
			.relatebar ul{margin:0px 10px 0px 65px; list-style: none;overflow:auto; width:545px;}
			.relatebar ul li{ float:left;margin:0;list-style: none; padding:3px 15px; background:url(images/sidebarli.gif) no-repeat;
			                 width:230px;background-position:0 -1px}
			
			
		/*--Previous&Next Post--*/
		.postnav{clear:both; margin:5px 0; overflow:auto}
		.postprevious{ padding-left:14px;background:url(images/singleimg.jpg) no-repeat;background-position: 0 -396px;}
		.postnext{ padding-right:14px;background:url(images/postnext.jpg) no-repeat right;}
		
		
			


/*-----------Sidebar -----------*/	

#sidebar { width:270px; float:right;color:#666; margin-bottom:30px; _padding-right:10px;}
#sidebar a{ color:#666;}
#sidebar a:hover{ color: #689917;}

 	/*--ID bar--*/
 	.id-bar{ background:url(images/idbar1.jpg) no-repeat;height:auto !important; height:68px;max-height:68px;-webkit-max-height:68px; overflow:hidden}
	.id-bar h3{ margin:0 0 5px 45px; padding-top:5px; font-size:13px; font-weight:400; font-family:"Microsoft YaHei", Arial,sans-serif; color:#323333 }
	.id_description{width:225px; float:right;font-size:12px; color:#999899;height:auto !important; height:33px;max-height:38px;-webkit-max-height:38px;-webkit-min-height:18px;min-height:18px;line-height:18px;text-overflow:ellipsis; -o-text-overflow:ellipsis;word-break:break-all;overflow:hidden; display:block;}
	
	#sidebar ul, #sidebar ul li{ list-style:none;margin:0px; padding:0px;}
	#sidebar ul li{ margin-top:23px;}
	#sidebar ul ul li{ margin:0px;}
 	.widget h3{margin:0px; padding:3px 0 0 20px;height:27px; color:#ccc; font-weight:400; 
	font-size:13px;font-family: "Microsoft YaHei","Trebuchet MS",Tahoma,Arial,sans-serif;
	background:url(images/sideimg.gif) no-repeat 0 -145px; height:30px}
	#sidebar li.widget ul{ margin:5px 5px 0 5px;}
	#sidebar li.widget ul li { line-height:18px; background: url(images/sidebarli.gif) no-repeat;  padding:4px 0 3px 15px;}
	

	/*--Categories two row--*/	
	#sidebar-cate { overflow:auto}
  	#sidebar-cate li.widget ul.two_row li{ font-size:12px; float:left; width:113px;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden}
  	#sidebar-cate li.widget ul.two_row li a{border-bottom:1px dashed #ccc; height:17px;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding:0 0 3px 0}
	#sidebar-cate li.widget ul.two_row li a:hover{border-bottom:1px  solid #666; }
	#sidebar-cate li.widget ul.two_row li ul{ display: none;margin:0px 0 0 3px;}

	/*--Accordion--*/
	#accordion{ font-size:12px;}
	#accordion a{ position:relative;}
	#accordion .ulstyle li{ border-bottom:1px dashed  #CCC; margin:1px 0; }
	
    #sidebar .sidebaraction{ float:right; width:11px; height:16px; display:block;  position:relative;
	background: url(images/tri.jpg) no-repeat bottom;opacity:0; filter:alpha(opacity=0);
	_display:none;+display:none;}
	
	
	#sidebar .sidebaractioncom{ float:right; width:11px; height:18px; display:block;  position:relative;
	background: url(images/tri.jpg) no-repeat bottom;opacity:0; filter:alpha(opacity=0);
	}
	
	
	
	#accordion .sdavatar .ulstyle li{ position:relative; line-height:22px;padding: 1px 0 3px 15px;}
	
	
	.comer{ color:#323333; }
	.comeravatar{ float:right;position:absolute; background:url(images/gravatar.gif) no-repeat; width:34px; height:28px; padding:2px 2px 2px 7px; top:-2px; right:-20px;opacity:0; filter:alpha(opacity=0);_display:none;}
	
	
	.sidead{ background:url(images/sideadbg.jpg) no-repeat;width:270px; height:62px; margin:30px 0; padding:1px 8px;}
	.sideadcon{ width:254px; height:60px;padding:0px 10px;}
	
	
	/*--Widgit--*/
	.widgit-area{ margin-top:23px;}
	.widgit-area h3{margin:0px; padding:3px 0 0 20px;height:27px; color:#ccc; font-weight:400;font-size:13px;font-family: "Microsoft YaHei","Trebuchet MS",Tahoma,Arial,sans-serif;background:url(images/sideimg.gif) no-repeat 0 -145px; height:30px }
	#sidebarwidgit .widgit-content{ margin:5px 5px 0 5px; font-size:12px;line-height:18px;}
	#sidebarwidgit .widgit-content li{ margin:0px; border-bottom:1px dashed #ccc; background: url(images/sidebarli.gif) no-repeat; padding:4px 0 3px 15px; }
	
	
	
	
	
/*----------Comment -----------*/	

#comments {}
#comments ol,#comments ul,#comments li{list-style:none;}
#comments ol{ margin:0px;}

	/*--Comment Switch--*/
	.commentsorping{ height:29px; background:url(images/comment.png) no-repeat bottom left; padding:0 0 0 30px; margin:30px 0 10px 0px;font-family: "Microsoft YaHei","Trebuchet MS",Tahoma,Arial,sans-serif; font-size:12px; overflow: hidden}
	.commentsays{ padding:5px 10px 0 10px; float:left; font-size:16px; color:#444}
	.commentparttri,.pingparttri{ background: url(images/commentpart.gif) no-repeat; margin:0 auto; height:10px; width:17px; display:block;_display:none;+display:none;}
	.commentparttri{opacity:1; filter:alpha(opacity=100);}
	.pingparttri{opacity:0; filter:alpha(opacity=0);}
	.commentpart,.pingpart{ padding:0px 10px 0 10px; cursor:pointer; float: right;}
	.pingpart{ color:#999;}
	
	.commentlist{ background-color:#f0f0f0;}
	.pingtlist{background-color:#f0f0f0;}
	
	/*--Comment list--*/
	
	.comment-body{ }
	.comment-body p{ margin:0px; }
	.clearline{ clear:both;}
	.commenttext{ margin:0 10px 0px 14px; padding:0px; background:#FFF; border:1px solid #d6d6d6; border-bottom:none; overflow:hidden; zoom:1;}
	
	#comments ol li{ margin:20px 0; background:url(images/clearline.jpg) no-repeat bottom; padding:0 0 25px 0;zoom:1}
	.gravatar{ float:left; background:url(images/gavart.jpg) no-repeat; width:42px; height:44px; margin:10px 10px  0px 10px;_ margin:10px 5px  0px 5px}
	.gravatar img{ margin:5px 0 0 3px;}
	
	.comment-meta{ margin:11px 10px 3px 10px; position:relative; z-index:2}
		.commentid{ color: #333; font-weight:700}
		.commentid a{ color: #1E4E0E;}
		.commentidnext{ display:none}
		.commenttime,.editpost{ font-size:12px; color:#CCC;+margin-top:3px;_margin-top:3px}
		.editpost a{ color:#CCC;}
		.editpost a:hover{ color:#67A611}
		.commentcount{position:absolute; right:0px;_right:83px}
		.commentcount a{ color:#999;}
		
	.commentp { padding:0 10px 10px 10px; line-height:20px; position:relative;}
	.commentp p{ padding-left:52px;_padding-left:48px;}
		.commentp a{color:#67A611;}
		.commentp a:hover{ text-decoration:underline}
		.moderation{ color:#2F571C}
	
	.reply{ position:absolute; right:0px; bottom:7px;_bottom:32px; padding:0px 4px 0px 4px; border:1px solid #d6d6d6; border-right:none; display:none;
	_position:static; _right:auto; _float:right;_margin-right:-10px;
	-moz-box-shadow:-1px 1px 4px #ccc; 
	-webkit-box-shadow:-1px 1px 4px #ccc; 
	box-shadow:-1px 1px 4px #ccc;}
	.reply a{ color:#67A611 }
	.reply a:hover{ text-decoration:none}
	

	
	
	
	/*--Comment list children--*/
	#comments ol li ul.children{ margin:0px; padding:0px;zoom:1;}
	#comments ol li ul.children li{ margin:0px; background:none; padding:0px;zoom:1}
	#comments ol li ul.children li .commenttext {margin:0 10px 0px 14px; padding:0 0 0 10px;border:1px solid #d6d6d6; border-top:1px  dashed #d6d6d6; border-bottom:none;overflow:hidden; zoom:1;}
	#comments ol li ul.children li .comment-meta{ margin:11px 3px 0px 7px; position:relative; float:left}
	#comments ol li ul.children li .commentidnext{ display: inline}
	#comments ol li ul.children li .commenttime{display:none}
	#comments ol li ul.children li.commentcount{ width:0px; height:0px;}
	#comments ol li ul.children li .gravatar{ float:left; background:none; width:16px; height:16px; margin:11px 0 0 0;padding:0; border:none; overflow:hidden; }
	#comments ol li ul.children li .gravatar img{ margin:0px; width:16px; height:16px; border: none; background:url(images/someone.png) no-repeat;}
	#comments ol li ul.children li .commentp{ padding:10px 10px 10px 0; color: #666}
	
	#comments ol li ul.children #respond {margin:0 10px 0px 14px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6; background:#FFF;
	+margin:-4px 10px -3px 14px;_margin:-4px 10px -3px 14px;}
	#comments ol li ul.children ul.children #respond {margin:0 10px -20px 14px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6; background:#FFF;+margin:-4px 10px -3px 14px;_margin:-4px 10px -3px 14px;}
	#comments .tip {background:#FFF;border:1px solid #CCC;width:400px;padding:0px;margin:0;position:absolute;z-index:3;}
	#comments .tip .act {display:none;}
	#comments .tip .commenttext{ margin:0; padding:0px; background:#FFF; border: none; overflow:hidden; zoom:1; }
	
	.atreply{cursor:help}
	
	/*--Comment pagenav--*/
	.commentnav{ margin:12px;}
	.commentnav .page-numbers,.commentnav a{ margin:5px 2px 10px 2px; color: #666; padding:0px 5px 0px 5px;}
	.commentnav a:hover{ color: #67A611;}
	.commentnav span.current{ border:1px solid  #999; color: #67A611;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px; background:#FFF}
	
	/*--Trackbacks--*/
	.pingtlist{ display:none}
	.pingdiv{ margin:0 10px 0px 14px; padding:10px 10px 0px 10px; background:#FFF; border:1px solid #d6d6d6; border-bottom:none; overflow:hidden; zoom:1;}
	.pingdiv a{ color:#444}
	.pingdiv a:hover{ color:#67A611}
	
	

	/*--Respond--*/
	#respond{ padding:10px 15px 10px 15px}
	#cancel-comment-reply{ float:right; }
	#cancel-comment-reply a{ color:#67A611;}
	.writerinfodiv{ margin-bottom:10px;}
	.writerinfodiv a{ color:#67A611 }
	.writerinfodiv a:hover{ text-decoration:underline}
	#respond input{width:250px;font-size:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;  padding:3px 5px; border:1px  solid #ccc; font-family: "Microsoft YaHei", Trebuchet MS, Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;}
	#respond label{color:#3d3d3d;text-decoration:none;margin-left:20px; display:inline;}	
	
	#respond textarea{ background:#FFF url(images/comment_bg.gif) no-repeat right bottom; font-size:16px; font-family:"KaiTi",'Century Gothic',"Microsoft YaHei", Trebuchet MS, Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif; padding:5px;_padding:5px; border:1px  solid #ccc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px; _width:500px;overflow:auto;}
	#respond textarea:focus{-moz-box-shadow:0px 2px 16px #ccc; -webkit-box-shadow:0px 2px 16px #ccc; box-shadow:0px 2px 16px #ccc; border:1px  solid #bbb;}
	
	
	#respond input[type=text]:focus:valid,#respond input[type=email]:focus:valid{border:1px  solid #67A611; }
	
	#respond input[type=email]:focus:invalid{border:1px  solid #F30; }
	
	#respond input.submitstyle{background:url(images/submit.gif) no-repeat 0 0;  height:24px; padding:0;_padding:1px 0 0 0; border:none; text-shadow:1px 1px 0px #fff; color: #888;_line-height:24px;+line-height:22px;}
	#respond input.submitfocus{background:url(images/submit.gif) no-repeat 0 -73px; height:24px; padding:0;_padding:1px 0 0 0; border:none; text-shadow:1px 1px 0px #fff; color: #888;_line-height:24px; +line-height:22px;}
	

			@-moz-document url-prefix() {#respond input.submitstyle {background:url(images/submit.gif) no-repeat 0 2px;}}		  
			@-moz-document url-prefix() {#respond input.submitfocus {background:url(images/submit.gif) no-repeat 0 -71px;}}			  
		.wp_smilies{ margin-bottom:10px}
		.wp_smilies a{ margin: 0 2px}
		.wp_smilies a img{ max-width:30px}		  
	/*--Comment ajax--*/
	.ajaxtipsdiv{ margin:0 10px 0 14px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6; background:#FFF;}
	span.ajaxtips{ margin:-5px 0 0 10px; font-size:11px;}
	span.ajaxtips a{ color:#67A611 }
	span.ajaxtips a:hover{ text-decoration:underline}
	
	/*--Comment ajax hack  (-_-#) --*/
	#comments ul#new_comm_1 li.depth-2 .commenttext,#comments ul#new_comm_1 li.depth-2 .ajaxtipsdiv{ margin:0 1px 0 4px} 
	#comments ul#new_comm_2 li.depth-2 .commenttext,#comments ul#new_comm_2 li.depth-2 .ajaxtipsdiv{ margin:0 1px 0 4px}
	#comments ul#new_comm_3 li.depth-2 .commenttext,#comments ul#new_comm_3 li.depth-2 .ajaxtipsdiv{ margin:0 1px 0 4px}
	#comments ul#new_comm_4 li.depth-2 .commenttext,#comments ul#new_comm_4 li.depth-2 .ajaxtipsdiv{ margin:0 1px 0 4px}
	#comments ul#new_comm_5 li.depth-2 .commenttext,#comments ul#new_comm_5 li.depth-2 .ajaxtipsdiv{ margin:0 1px 0 4px}
	#comments ul#new_comm_6 li.depth-2 .commenttext,#comments ul#new_comm_6 li.depth-2 .ajaxtipsdiv{ margin:0 1px 0 4px}
	#comments ul#new_comm_7 li.depth-2 .commenttext,#comments ul#new_comm_7 li.depth-2 .ajaxtipsdiv{ margin:0 1px 0 4px}
	#comments ul#new_comm_8 li.depth-2 .commenttext,#comments ul#new_comm_8 li.depth-2 .ajaxtipsdiv{ margin:0 1px 0 4px}
	#comments ul#new_comm_9 li.depth-2 .commenttext,#comments ul#new_comm_9 li.depth-2 .ajaxtipsdiv{ margin:0 1px 0 4px}
	#comments ul#new_comm_10 li.depth-2 .commenttext,#comments ul#new_comm_10 li.depth-2 .ajaxtipsdiv{ margin:0 1px 0 4px}
	

	
/*----------footer -----------*/		

footer{ margin-top:40px;background:url(images/footerbottombg.png) repeat-x bottom; line-height:24px;}
.footertop{background:url(images/footerbg.png) repeat-x top; position:relative;}
.footerwidgitswitch,.footerwidgitswitchdown{ position: absolute; left:50%; bottom:53px;background: url(images/sideimg.gif) no-repeat; width:23px; height:20px; +display:none; cursor:pointer}
.footerwidgitswitch{ background-position:4px -324px;}
.footerwidgitswitchdown{ background-position:4px -370px;}
.container-footer{ width:1000px; margin:0 auto; }
	.footerinfo{height:80px; margin:0 auto;}
	.footerinfo p{ margin:0;}
	.footerinfo a{ color:#222}
	.footerinfo a:hover{color:#94C33A;}
	.footerinfotext{float:left; margin:14px 0 0 25px; _margin:14px 0 0 13px;}
	#loperlogo {float:right; display:block; background:url(images/loperlogo.png) no-repeat; width:150px; height:150px; margin:-150px 40px 0 0; _margin:20px 20px 0 0;}
	.logoinfo{width:97px; height:41px;display:block; border:none;}
#updown { background:url(images/sideimg.gif) no-repeat 0 -222px; width: 16px; height: 73px; position:fixed; top:50%; left:50%; margin-left:-570px;opacity:1; filter:alpha(opacity=100); _display:none}
.loperupwards,.loperdownwards{ width: 16px; height: 25px; display:block; cursor:pointer;}
.loperdownwards{margin-top:23px}
.footercodediv{display:block;overflow:hidden;width:0;height: 0;}
.footerwidgitopen{border-bottom:1px dashed #bcbcbc; display:none}
.footerwidgitair{ padding:10px 30px 2px 30px; overflow:hidden}
.footerwidgit{ float:left}
.footerwidgitair h3{font-size:14px;font-weight:400;text-shadow:1px 1px 2px #b5b5b5; padding:0px 0 5px 0px; margin:0;}
.footerwidgit ul{clear:both;margin:0 0; list-style:none;width:235px; font-size:12px}
.footerwidgit ul li{ list-style:none;width:200px;height:25px;border-bottom:1px dashed  #CCC;margin:2px 0 0 0;overflow:hidden}
.footerwidgitair a{ color: #666}
.footerwidgitair a:hover{color:#689917;}
	

/*----------else -----------*/
.no-results { line-height:24px; padding:0 5px; margin-top:-5px}
.no-results h3{font-size:14px;font-weight:bold;text-shadow:1px 1px 2px #b5b5b5; padding:10px 0; margin:0;}


.no-results ul{clear:both;margin:0;list-style:none;text-align:center; padding-bottom:}
.no-results ul li{ margin:20px 10px;list-style: none; width:590px;height:26px;}
	
.no-results ul li a{color:#222; font-size:14px;background:#FFF;

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(235,235,235)),
    color-stop(0.67, rgb(245,245,245))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(245,245,245) 0%,
    rgb(245,255,245) 67%
);
text-decoration:none; padding:0px; width:590px;height:24px; display:block;
border:1px solid #CCC;-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.no-results ul li a:hover{color:#67A611;border:1px solid #999; background:transparent; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-animation: 'ggShow' 1s alternate infinite; }
/*----------404page -----------*/				
html.error{ background:url(images/404bg.jpg) repeat;display:block;height: 100%; }				
.errorpic{ width:800px; height:384px; display:block; background:url(images/404page.jpg) no-repeat; margin:100px auto 0;}
.errorfooter{line-height:24px;margin:0 auto; text-align:center; color:#999;font-family: Trebuchet MS, 'Lucida Grande',"Microsoft YaHei", Arial,sans-serif;}
.errorfooter a{ color:#999}
.errorfooter a:hover{ color:#ccc}
.errorbg{ background:url(images/404bg.jpg) repeat}
/*----------Other -----------*/	

::-moz-selection{background:#777777;color:#fff;}
::selection {background:#777777;color:#fff;}
code::-moz-selection {background: #333333;}
code::selection {background: #333333;}
.right {float: right;}
.left {float: left;}
.clear {clear:both;}
.hidden{ display:none;}
.center{ margin:0 auto;}

/*----------1.1 is watching you-----------*/	
.singlepagestyle { text-align:center}
.singlepagestyle a{ margin:0 5px; padding:3px 5px;color:#222;
border:1px solid #CCC;-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
background:#FFF;
}
.singlepagestyle a:hover{color:#67A611;border:1px solid #999; background:transparent; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-animation: 'ggShow' 1s alternate infinite; }


				
/*-----------Shortcode-----------*/
.shortcodestyle{margin:20px 0px;padding: 15px 15px 15px 80px;position: relative;-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.shortcodestyle a{padding:0px;}
.shortcodestyle a:hover{background:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px;}
.warning{background: url(images/shortcode/bell.png) no-repeat scroll 15px 15px #FFEA97;border: 1px solid #E1B400;color: #9F6F26;}
.warning a{ color:#A84A1E;border-bottom:1px  dotted #A84A1E;}
.warning a:hover{color:#A84A1E;border-bottom:1px solid #A84A1E; }
.noway{background: url(images/shortcode/noway.png) no-repeat scroll 15px 15px #EFCEC9;border: 1px solid  #BE1F1F;color: #820B0B;}
.noway a{ color: #F60;border-bottom:1px  dotted #F60;}
.noway a:hover{color:#F60;border-bottom:1px solid #F60; }
.buy{background: url(images/shortcode/buy.png) no-repeat scroll 15px 15px #EFF4D4; border: 1px solid  #8FAD3D;color:  #779B39;}
.buy a{color: #2b2b2b;border-bottom:1px  dotted #2b2b2b;}
.buy a:hover{color:#2b2b2b;border-bottom:1px solid #2b2b2b; }
.task{background: url(images/shortcode/clipboard.png) no-repeat scroll 15px 15px  #E7E7E7; border: 1px solid  #aaa;color:  #333;}
.task a{ color: #4B7126;border-bottom:1px  dotted #4B7126;}
.task a:hover{color:#4B7126;border-bottom:1px solid #4B7126; }
.but_down { margin:10px 0}
.but_down a{float:left;display:block;background:transparent url(images/shortcode/dlbutton.png) no-repeat left top;border:none;padding:0 0 0 60px;height:33px;font-family: 'Century Gothic',"Microsoft YaHei", Trebuchet MS, Arial, Tahoma, sans-serif;color:#123;text-decoration:none;text-shadow:0 1px 1px #fff;}
.but_down a span{float:left;display:block;background:transparent url(images/shortcode/dlbutton.png) no-repeat right top;padding:0 15px 0 0;line-height:33px;cursor:pointer;}
.but_down a:hover{color:#000;text-shadow:0 1px 1px #fff;background:transparent url(images/shortcode/dlbutton.png) no-repeat left top;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px;}
ul.avatarsul{ margin:0px; width:610px}

ul.avatarsul li.avatarsli{ float:left; background: url(images/wallbg.png) no-repeat; margin:5px 20px 0 0; text-indent:0px;width:38px; height:47px;}

ul.avatarsul li.avatarsli img{ background:#FFF; border:solid 1px #ccc; padding:1px; width:32px; height:32px; position:relative; margin-top:5px}	






